<!DOCTYPE html>
<html>
<head><title>工作台</title>
    <% include layouts/import.ejs %>
</head>
<body>
<div style="position: relative" class="index height">
    <% include layouts/header.ejs %>
    <div class="index-content container">
        <div class="row">
            <div style="height: 423px;" class="col-lg-6 margin-top-15">
                <div class="panel introduce-info">
                    <div class="panel-heading"><h1 class="panel-title">小工具集结地</h1></div>
                    <div class="panel-body">
                        <div class="media">
                            <div class="media-body">
                                <div>
                                    <div class="category-head">
                                       <span class="category-title">网站文档</span>
                                        <span class="category-move">收起</span>
                                    </div>
                                    <div class="category-content">
                                        <a href="#" class="btn btn-danger btn-sm btn-outline btn-round">开发文档</a>
                                        <a href="#" class="btn btn-dark btn-sm btn-outline btn-round">服务协议</a>
                                    </div>
                                </div>
                                <div>
                                    <div class="category-head">
                                        <span class="category-title">设计类</span>
                                        <span class="category-move">收起</span>
                                    </div>
                                    <div class="category-content">
                                        <a href="http://www.iconfont.cn/" target="_blank" class="btn btn-primary btn-sm btn-outline btn-round open-kf">图标库</a>
                                        <a href="http://www.shejidaren.com/examples/tools/color-scheme/#" target="_blank" class="btn btn-primary btn-sm btn-outline btn-round open-kf">在线配色</a>

                                    </div>
                                </div>
                                <div>
                                    <div class="category-head">
                                        <span class="category-title">Md5解密</span>
                                        <span class="category-move">收起</span>
                                    </div>
                                    <div class="category-content">
                                        <a href="https://www.somd5.com/" target="_blank" class="btn btn-success btn-sm btn-outline btn-round">MD5解密（外部链接）</a>
                                        <a href="/mdPage" class="btn btn-success btn-sm btn-outline btn-round">MD5解密</a>
                                    </div>
                                </div>
                                <div>
                                    <div class="category-head">
                                        <span class="category-title">格式转换</span>
                                        <span class="category-move">收起</span>
                                    </div>
                                    <div class="category-content">
                                        <a href="http://html2jade.vida.io/" target="_blank" class="btn btn-warning btn-sm btn-outline btn-round">Html转Jade</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height: 423px;" class="col-lg-6 margin-top-15">
                <div class="panel changelog-info">
                    <div class="panel-heading">
                        <ul class="panel-actions">
                            <li><a href="#" target="_blank">更多</a></li>
                        </ul>
                        <h1 class="panel-title">版本信息</h1></div>
                    <div class="panel-body">
                        <ul class="time-line">
                            <li>
                                <time>2017-09-12</time>
                                <h5><a href="#">Admui-basic v1.1.0 版发布</a></h5></li>
                            <li>
                                <time>2017-08-07</time>
                                <h5><a href="#">Admui-basic v1.0.0 版发布</a></h5></li>
                            <li>
                                <time>2017-03-16</time>
                                <h5> Admui v1.0.0 RC 正式发布</h5></li>
                            <li>
                                <time>2017-02-21</time>
                                <h5>Admui v1.0.0 Beta1 发布</h5></li>
                            <li>
                                <time>2016-08-27</time>
                                <h5>Admui v0.1.1 - v0.9.5 开发</h5></li>
                            <li>
                                <time>2016-07-21</time>
                                <h5>Admui v0.1.0 Beta 开发完成</h5></li>
                            <li>
                                <time>2016-05-07</time>
                                <h5>Admui v0.0.1 Alpha 开发完成</h5></li>
                            <li>
                                <time>2015-12-14</time>
                                <h5>Admui 正式立项</h5></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 margin-top-15">
                <div class="panel introduce-info">
                    <div class="panel-heading">
                        <ul class="panel-actions">
                            <li><a href="#">更多</a></li>
                        </ul>
                        <h1 class="panel-title">基本介绍</h1></div>
                    <div class="panel-body">
                        <div class="media">
                            <div class="media-body"><h4 class="media-heading">Admui 通用管理系统快速开发框架</h4>
                                <ul style="margin-bottom: 0;" class="list-group list-group-full">
                                    <li class="list-group-item">Admui 是一个基于最新
                                        Web，技术的企业级通用管理系统快速开发框架，可以帮助企业极大的提高工作效率，节省开发成本，提升品牌形象。
                                    </li>
                                    <li class="list-group-item">您可以 Admui 为基础，快速开发各种MIS系统，如CMS、OA、CRM、ERP、POS等。</li>
                                    <li class="list-group-item">Admui 紧贴业务特性，涵盖了大量的常用组件和基础功能，最大程度上帮助企业节省时间成本和费用开支。</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" id="recentProjectList">

        </div>
    </div>
    <% include layouts/footer.ejs %>
    <script>
        $(function () {
            $('#work-bench').addClass('select-active');

            $(document).on("click", "span.category-move", function () {
                var aaa = $(this).parent().next();
                console.log($(this))
                $(this).text(aaa.is(":hidden") ? '收起 ' : '展开');
                aaa.toggle();
                console.log(aaa)

            });

            $.getJSON('/project/recentProjectList', function (result) {
                if (result.errcode === 0) {
                    var html = '';
                    $.each(result.data, function (index, element) {
                        html +=
                            '<div style="margin-bottom: 20px;" class="col-md-3 margin-top-15">' +
                            '<div class="panel introduce-info">' +
                            '<div class="panel-heading"><a class="panel-title" href="/project/detail/' + element.id + '" >' + element.project_name + '</a></div>' +
                            '<div class="panel-body">' +
                            '<div class="media">' +
                            '<div class="media-body"><h4 class="media-heading">介绍</h4></div>' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '</div>';
                    });
                    $('#recentProjectList').html(html);
                }
            })
        })





    </script>
</div>
</body>
</html>